$(document).ready(function () { var $container = $('.hyattMenuItemBlock-container'); $container.find(".hyattMenuButton").on("click", function (e) { var hyattMenuDropdown = $container.find(".hyattMenuHeaderPanel"); var hyattMenuDownArrow = $container.find(".hyattMenuButtonChevronDown"); toggleHyattMenuDropdown(hyattMenuDropdown); toggleHyattMenuDropdownArrow(hyattMenuDownArrow); e.preventDefault(); }); $container.find(".hyattMenuClose").on("click", function (e) { var hyattMenuDropdown = $container.find(".hyattMenuHeaderPanel"); var hyattMenuDownArrow = $container.find(".hyattMenuButtonChevronDown"); $(hyattMenuDropdown).addClass("hidden"); $(hyattMenuDropdown).siblings(".hyattMenuMobileOverlay").addClass("hidden"); if ($(hyattMenuDownArrow).hasClass("hidden")) { toggleHyattMenuDropdownArrow(hyattMenuDownArrow); } }); $(document).on("click", function (e) { var $parent = $(e.target).parents(".hyattmenuitemblock"); if ($parent == null || $parent == undefined || $parent.length == 0) { var hyattMenuDropdown = $container.find(".hyattMenuHeaderPanel"); var hyattMenuDownArrow = $container.find(".hyattMenuButtonChevronDown"); if ($(hyattMenuDownArrow).hasClass("hidden")) { toggleHyattMenuDropdownArrow(hyattMenuDownArrow); toggleHyattMenuDropdown(hyattMenuDropdown); } } }); $(document).on("keydown", function (e) { var hyattMenuDropdown = $container.find(".hyattMenuHeaderPanel"); var hyattMenuDropdown = $container.find(".hyattMenuHeaderPanel"); var hyattMenuDownArrow = $container.find(".hyattMenuButtonChevronDown"); if ($(hyattMenuDownArrow).hasClass("hidden") && e.key == "Escape") { toggleHyattMenuDropdownArrow(hyattMenuDownArrow); toggleHyattMenuDropdown(hyattMenuDropdown); e.preventDefault(); } }); toggleHyattMenuDropdown = function (dropdown) { const hyattOverlay = $(dropdown).siblings(".hyattMenuMobileOverlay"); if ($(dropdown).hasClass("hidden")) { $(dropdown).removeClass("hidden"); $(hyattOverlay).removeClass("hidden"); $(".hyattmenuitemblock").addClass("underline"); } else { $(dropdown).addClass("hidden"); $(hyattOverlay).addClass("hidden"); $(".hyattmenuitemblock").removeClass("underline"); } } toggleHyattMenuDropdownArrow = function (downArrow) { upArrow = $(downArrow).next(); if ($(upArrow).hasClass("hidden")) { $(upArrow).removeClass("hidden"); $(downArrow).addClass("hidden"); } else { $(upArrow).addClass("hidden"); $(downArrow).removeClass("hidden"); } } });